<%@ page title="" language="C#" masterpagefile="~/RealtimeSite.master" autoeventwireup="true" inherits="SalaryReport, App_Web_v22zhzdt" %>

<%@ Register Assembly="Heidarpour.WebControlUI" Namespace="Heidarpour.WebControlUI"
    TagPrefix="rhp" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="AjaxControlToolkit" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="Server">
 <link href="css/googleapis.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        .textbox
        {
        }
        .btnRt003366
        {
        }
                #MainContent_UpdatePanel1
        {
            width:100%;
        }

        .breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .05rem 0rem;
    /* margin-bottom: 1rem; */
    list-style: none;
    background-color: #fff !important;
    border-radius: .25rem;
    color: #E15C11;
    font-size: 18px;
    font-weight: 500;
}
     .card [class*=card-header-]:not(.card-header-icon):not(.card-header-text):not(.card-header-image) {
    border-radius: 3px;
      margin-top: -37px;
    padding: 7px !important;
}
.grid-lable {
    height: 150px;
    overflow-y: scroll;
    border: 1px solid #ddd;
    margin-left: -10px;
    margin-right: -10px;
    padding: 6px;
}
.grid-lable label {
     font-size: 15px !important;
    line-height: 1.02857 !important;
    color: #333 !important;
    font-weight: 200 !important;
    padding-left: 7px !important;
    padding-top: -3px !important;
    position: relative !important;
    top: -3px !important;
}
.grid-lable span {
      font-size: 15px !important;
    line-height: 1.52857 !important;
    color: #333 !important;
    font-weight: 200 !important;
    padding-left: 7px !important;
    padding-top: -3px !important;
    position: relative !important;
    top: -3px !important;
}
.grid-lable1 span {
      font-size: 14px !important;
    line-height: 1.52857 !important;
    color: #333 !important;
    font-weight: 600 !important;
    padding-left: 7px !important;
    padding-top: -3px !important;
    position: relative !important;
    top: -3px !important;
}
#inputSearch
{
    margin-top: 8px;
    margin-bottom: 8px;
}
#MainContent_lblForMonth
{
       font-size:15px;
    font-weight:bold;
}
#MainContent_lblSelectionBy
{
    font-size: 15px;
    font-weight: 600;
}
#MainContent_lblSelectReport
{
    font-size: 15px;
    font-weight: 600;
}
#MainContent_Label1
{
    font-size:22px;
}
#MainContent_CheckBox6
{
    zoom:1.5;
}
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="Server">
            <div class="main-panel">
        <div class="content">
        <div class="container" id="Salaryreport" runat="server">
    <div class="row dash-pane2" style="margin-left:0px; margin-right:0px;">

    <div class="card">
                <div class="card-header card-header-warning">
                  <h4 class="card-title">   <i class="fa fa-edit fa-fw"></i>
                        <asp:Label ID="lblSalaryReport" runat="server" Text="Salary Report"></asp:Label></h4>
                </div>
                <div class="card-body ">
                 <div class="row breadcrumb" style="margin-top:-15px; display:none;">
                 <b><asp:Label ID="lblSelectMonth" runat="server" Text="Select Month"></asp:Label></b>
                 </div>
                 <div class="row" style="margin-top:-5px;">
                    <div class="col-lg-4">
                        <b>
                            <asp:Label ID="lblForMonth" runat="server" Text="For Month"></asp:Label></b>
                        <asp:Panel ID="Panel6" runat="server" Visible="false">
                            <rhp:DatePicker ID="txtdate1" runat="server" DatePersian="" CalendarType="Persian"
                                BorderColor="#CCCCCC" BorderStyle="Solid" BorderWidth="1px" ShowWeekNumbers="True"
                                FirstDayOfWeek="Monday" ShowOthers="True"></rhp:DatePicker>
                        </asp:Panel>
                        <asp:TextBox ID="txtdate" runat="server" class="form-control" OnTextChanged="txtdate_TextChanged1" />
                        <cc1:CalendarExtender ID="cal1" runat="server" TargetControlID="txtdate" Format="MM/yyyy" />
                    </div>
                    <div class="col-lg-4" style="margin-top:25px; visibility: hidden;">
                        <asp:CheckBox ID="CheckBox6" runat="server"/> 
                        <asp:Label ID="Label1" runat="server" Text="Send Mail(Pay-Slip)"></asp:Label>
                    </div>
                 </div>
                 <div class="row breadcrumb" style="margin-top:0px;">
                 <asp:Label ID="lblSelectionBy" runat="server" Text="Selection By"></asp:Label></b>
                 </div>
                 <div class="row" style="margin-left:0px; margin-right:0px; margin-top:-30px">
                        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                        <ContentTemplate>
                       </div> 
                         <div class="row" style="margin-left:0px; margin-right:0px; width:100%; margin-top:10px;">
                         <ul class="list-inline" style="width:100%; display:contents">
                         <li style="width:17.5%; margin-left:15px;">
                         <div class="grid-lable2" style="margin-left:-11px; margin-bottom:5px;">
                      <asp:RadioButton ID="SelectAllCommany" runat="server" Checked="True" GroupName="Cmpny"
                                        Text="" AutoPostBack="True" OnCheckedChanged="SelectAllCommany_CheckedChanged" /><asp:Label
                                            ID="lblAllCompany" runat="server" Text="All Company"></asp:Label><br />
                                    <asp:RadioButton ID="FewCompany" runat="server" GroupName="Cmpny" Text="" OnCheckedChanged="FewCompany_CheckedChanged" /><asp:Label
                                        ID="lblFewCompany" runat="server" Text="Few Company"></asp:Label><br />
                                    <asp:CheckBox ID="CheckBox1" runat="server" AutoPostBack="True" OnCheckedChanged="CheckBox1_CheckedChanged"
                                        Text="" /><asp:Label ID="lblCompanySelectAllDeSelectAll" runat="server" Text="SelectAll/De-Select All"></asp:Label>                        
                         </div>
                                 <div class="grid-lable">  
               
                                    <asp:CheckBoxList ID="chkcompanylist" runat="server" AutoPostBack="True" Font-Size="12px"
                                        OnSelectedIndexChanged="chkcompanylist_SelectedIndexChanged">
                                    </asp:CheckBoxList>
                                </div>                        
                         </li>
                         <li style="width:17.5%; margin-left:27px;">
                          <div class="grid-lable2" style="margin-left:-11px; margin-bottom:5px;">
                                     <asp:RadioButton ID="Allshift" runat="server" GroupName="shift1" Text="" Checked="True"
                                        AutoPostBack="True" OnCheckedChanged="Allshift_CheckedChanged" /><asp:Label ID="lblAllBranch"
                                            runat="server" Text="All  Branch"></asp:Label><br />
                                    <asp:RadioButton ID="Allshift1" runat="server" GroupName="shift1" Text="" AutoPostBack="True"
                                        OnCheckedChanged="Allshift1_CheckedChanged" /><asp:Label ID="lblFewBranch" runat="server"
                                            Text="Few Branch"></asp:Label><br />
                                    <asp:CheckBox ID="CheckBox2" runat="server" AutoPostBack="True" OnCheckedChanged="CheckBox2_CheckedChanged"
                                        Text="" /><asp:Label ID="lblBranchSelectAllDeSelectAll" runat="server" Text="SelectAll/De-Select All"></asp:Label>                         
                          </div>
                                 <div class="grid-lable">  

                                    <asp:CheckBoxList ID="Chkshiftlist" runat="server" AutoPostBack="True" Font-Size="12px"
                                        OnSelectedIndexChanged="Chkshiftlist_SelectedIndexChanged">
                                    </asp:CheckBoxList>
                                    <br />
                                </div>                        
                         </li>
                         <li style="width:17.5%; margin-left:27px;">
                         <div class="grid-lable2" style="margin-left:-11px; margin-bottom:5px;">
                                    <asp:RadioButton ID="AllDesignation" runat="server" Checked="True" GroupName="Dept"
                                        Text="" OnCheckedChanged="AllDesignation_CheckedChanged" /><asp:Label ID="lblAllDepartment"
                                            runat="server" Text="All Department"></asp:Label><br />
                                    <asp:RadioButton ID="optfewDesignation" runat="server" GroupName="Dept" Text="" OnCheckedChanged="optfewdept_CheckedChanged" /><asp:Label
                                        ID="lblFewDepartment" runat="server" Text="Few Department"></asp:Label><br />
                                    <asp:CheckBox ID="CheckBox3" runat="server" AutoPostBack="True" OnCheckedChanged="CheckBox3_CheckedChanged"
                                        Text="" /><asp:Label ID="lblDepartmentSelectAllDeSelectAll" runat="server" Text="SelectAll/De-Select All"></asp:Label>                         
                         </div>
                                 <div class="grid-lable">  

                                    <asp:CheckBoxList ID="chkdepartmentlist" runat="server" AutoPostBack="True" Font-Size="12px"
                                        OnSelectedIndexChanged="chkdepartmentlist_SelectedIndexChanged">
                                    </asp:CheckBoxList>
                                </div>                        
                         </li>
                         <li style="width:17.5%; margin-left:27px;">
                         <div class="grid-lable2" style="margin-left:-11px; margin-bottom:5px;">
                                    <asp:RadioButton ID="RadioButton1" runat="server" Checked="True" GroupName="Desig"
                                        Text="" OnCheckedChanged="RadioButton1_CheckedChanged" /><asp:Label ID="lblAllDesignation"
                                            runat="server" Text="All  Designation"></asp:Label><br />
                                    <asp:RadioButton ID="optFewEmployee0" runat="server" AutoPostBack="True" GroupName="Desig"
                                        OnCheckedChanged="optAllemployee_CheckedChanged" Text="" /><asp:Label ID="lblFewDesignation"
                                            runat="server" Text="Few Designation"></asp:Label><br />
                                    <asp:CheckBox ID="CheckBox4" runat="server" AutoPostBack="True" OnCheckedChanged="CheckBox4_CheckedChanged"
                                        Text="" /><asp:Label ID="lblDesignationSelectAllDeSelectAll" runat="server" Text="SelectAll/De-Select All"></asp:Label>                         
                         </div>
                                 <div class="grid-lable">  

                                    <asp:CheckBoxList ID="ChkDesignationList" runat="server" AutoPostBack="True" Font-Size="12px"
                                        OnSelectedIndexChanged="ChkDesignationList_SelectedIndexChanged">
                                    </asp:CheckBoxList>
                                </div>                        
                         </li>
                         <li style="width:17.5%; margin-left:27px;">
                         <div class="grid-lable2" style="margin-left:-11px; margin-bottom:5px;">
                                 <asp:RadioButton ID="optAllemployee" runat="server" AutoPostBack="True" Checked="True"
                                        GroupName="Emp" OnCheckedChanged="optAllemployee_CheckedChanged" Text="" ClientIDMode="Static"
                                        onclick="sharad();" /><asp:Label ID="lblAllemployee" runat="server" Text="All  employee "></asp:Label><br />
                                    <asp:RadioButton ID="optFewEmployee" runat="server" AutoPostBack="True" GroupName="Emp"
                                        Text="" OnCheckedChanged="optFewEmployee_CheckedChanged" ClientIDMode="Static"
                                        onclick="sharad();" /><asp:Label ID="lblFewEmployee" runat="server" Text="Few Employee"></asp:Label><br />
                                    <asp:CheckBox ID="CheckBox5" runat="server" AutoPostBack="True" OnCheckedChanged="CheckBox5_CheckedChanged"
                                        Text="" ClientIDMode="Static" onclick="sharad();" />
                                    <asp:Label ID="lblEmployeeSelectAllDeSelectAll" runat="server" Text="SelectAll/De-Select All"></asp:Label>
                                                   
                         </div>
                                  <div class="grid-lable">  
                           <asp:TextBox runat="server" ID="inputSearch" ClientIDMode="Static" Height="21px"
                                        placeholder="Search employee" CssClass="form-control" /> 
                                    <asp:CheckBoxList ID="chkemployeelist" runat="server" OnSelectedIndexChanged="chkemployeelist_SelectedIndexChanged"
                                        Font-Size="12px" ClientIDMode="Static">
                                    </asp:CheckBoxList>

                                        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

                                    <script type="text/javascript">
                                     $(document).ready(function () {
        $("#inputSearch").on("keyup", function () {
            var value = $(this).val().toLowerCase();
            $("#chkemployeelist tr").filter(function () {
                $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
            });
        });
    });
                                        window.onload = function () {
                                            var tmr = false;
                                            var labels = document.getElementById('chkemployeelist').getElementsByTagName('label');
                                            var func = function () {
                                                if (tmr)
                                                    clearTimeout(tmr);
                                                tmr = setTimeout(function () {
                                                    var regx = new RegExp(document.getElementById('inputSearch').value);


                                                    for (var i = 0, size = labels.length; i < size; i++)
                                                        if (document.getElementById('inputSearch').value.length > 0) {
                                                            if (labels[i].textContent.match(regx)) setItemVisibility(i, true);
                                                            else setItemVisibility(i, false);
                                                        }
                                                        else
                                                            setItemVisibility(i, true);
                                                }, 500);

                                                function setItemVisibility(position, visible) {
                                                    if (visible) {
                                                        labels[position].style.display = '';
                                                        labels[position].previousSibling.style.display = '';
                                                        if (labels[position].nextSibling != null)
                                                            labels[position].nextSibling.style.display = '';
                                                    }
                                                    else {
                                                        labels[position].style.display = 'none';
                                                        labels[position].previousSibling.style.display = 'none';
                                                        if (labels[position].nextSibling != null)
                                                            labels[position].nextSibling.style.display = 'none';

                                                    }
                                                }
                                            }

                                            if (document.attachEvent) document.getElementById('inputSearch').attachEvent('onkeypress', func);  // IE compatibility
                                            else document.getElementById('inputSearch').addEventListener('keydown', func, false); // other browsers
                                        };


                                        function sharad() {
                                            var tmr = false;

                                            var labels = document.getElementById('chkemployeelist').getElementsByTagName('label');
                                            var func = function () {
                                                if (tmr)
                                                    clearTimeout(tmr);
                                                tmr = setTimeout(function () {
                                                    var regx = new RegExp(document.getElementById('inputSearch').value);


                                                    for (var i = 0, size = labels.length; i < size; i++)
                                                        if (document.getElementById('inputSearch').value.length > 0) {
                                                            if (labels[i].textContent.match(regx)) setItemVisibility(i, true);
                                                            else setItemVisibility(i, false);
                                                        }
                                                        else
                                                            setItemVisibility(i, true);
                                                }, 500);

                                                function setItemVisibility(position, visible) {
                                                    if (visible) {
                                                        labels[position].style.display = '';
                                                        labels[position].previousSibling.style.display = '';
                                                        if (labels[position].nextSibling != null)
                                                            labels[position].nextSibling.style.display = '';
                                                    }
                                                    else {
                                                        labels[position].style.display = 'none';
                                                        labels[position].previousSibling.style.display = 'none';
                                                        if (labels[position].nextSibling != null)
                                                            labels[position].nextSibling.style.display = 'none';

                                                    }
                                                }
                                            }

                                            if (document.attachEvent) document.getElementById('inputSearch').attachEvent('onkeypress', func);  // IE compatibility
                                            else document.getElementById('inputSearch').addEventListener('keydown', func, false); // other browsers
                                        }

                                    </script>
                                </div>                       
                         </li>
                         </ul>

                            </div>
                        </ContentTemplate>
                    </asp:UpdatePanel>
                 </div>
                 <div class="row breadcrumb" style="margin-left:10px; margin-right:0px;  margin-top:-10px;">
                  <asp:Label ID="lblSelectReport" runat="server" Text="Select Report"></asp:Label></b>
                 </div>
                 <div class="row" style="margin-left:10px; margin-right:0px; margin-top:-20px;">
                   <div class="col-lg-2 grid-lable1">
                        <asp:RadioButton ID="RdMonthlyStatement" runat="server" Checked="True" GroupName="ss"
                            Text="" OnCheckedChanged="RdMonthlyStatement_CheckedChanged" /><asp:Label ID="lblMonthlyStatement"
                                runat="server" Text="Monthly Statement"></asp:Label>
                    </div>
                    <div class="col-lg-2 grid-lable1">
                        <asp:RadioButton ID="Rdpayslip" runat="server" GroupName="ss" Text="" OnCheckedChanged="Rdpayslip_CheckedChanged" /><asp:Label
                            ID="lblPaySlip" runat="server" Text="Pay-Slip"></asp:Label>
                    </div>
                    <div class="col-lg-2 grid-lable1" style="display: none;">
                        <asp:RadioButton ID="RdPfStatement" runat="server" GroupName="ss" Text="" OnCheckedChanged="RdPfStatement_CheckedChanged" /><asp:Label
                            ID="lblPFStatement" runat="server" Text="PF Statement"></asp:Label>
                    </div>
                    <div class="col-lg-2 grid-lable1" style="display: none;">
                        <asp:RadioButton ID="RdEsi" runat="server" GroupName="ss" Text="" OnCheckedChanged="RdEsi_CheckedChanged" /><asp:Label
                            ID="lblESIStatement" runat="server" Text="ESI Statement"></asp:Label>
                    </div>
                    <div class="col-lg-2 grid-lable1" style="display: none;">
                        <asp:RadioButton ID="Overtime" runat="server" GroupName="ss" Text="" OnCheckedChanged="Overtime_CheckedChanged" /><asp:Label
                            ID="lblOverTime" runat="server" Text="Over Time"></asp:Label>
                    </div>
                    <div class="col-lg-2 grid-lable1">
                        <asp:RadioButton ID="RdpayslipV" runat="server" GroupName="ss" Text="" OnCheckedChanged="RdpayslipV_CheckedChanged" /><asp:Label
                            ID="lblPaySlipvertical" runat="server" Text="Pay-Slip Vertical"></asp:Label>
                    </div>
                 </div>
                 <div class="row" style="margin-left:auto; margin-right:auto; display:table; margin-top:20px; margin-bottom:20px;">
                                                 <asp:Button ID="cmdShowReport" runat="server" Text="ShowReport" OnClick="cmdShowReport_Click"
                                    OnClientClick="return validate()" type="button" class="btn btn-success " /><i class="fa fa-plus;"></i>&nbsp;&nbsp;
                                <asp:Button ID="btnClose" runat="server" type="button" Text="Close" OnClick="btnClose_Click"
                                    class="btn btn-danger" /><i class="fa fa-trash-o;"></i>
                 </div>
                </div>
              </div>
 
            </div>  </div>  </div>
</asp:Content>
